{% extends 'base.html' %}

{% block htmlhead %}
    {% load html_tools %}
    {{ 'plugins/basic-jquery-slider.js' | as_js }}
    {{ 'index.css' | as_css }}
    {{ 'basic-jquery-slider.css' | as_css }}
{% endblock %}

{% load py_utils %}

{% block content %}
    <div class="main">
        <div class="container">
            <div id="news-slider">
                <ul class="bjqs">
                {% for news in tops %}
                    <li><a href="/news/{{news.id}}">
                        <img src="{{news.coverImage}}" title="{{news.title}}" alt="图片：{{news.title}}" width="605" height="415" />
                    </a></li>
                {% endfor %}
                </ul>
            </div>
            <div class="infor-center">
                <h2 class="right">信息中心</h2>
                <ul>
                    {% for infor in infors %}
                    <li>
                        <a href="/infor/{{infor.id}}" title="{{infor.title}}">{{infor.title|ellipsis:"(10, '...')"}}</a>
                        <div class="time-asso">
                            <span>{{infor.create|friendly_date}}&nbsp&nbsp来自</span>
                            <a href="#">{{infor.organization}}</a>
                        </div>
                    </li>
                    {% endfor %}
                </ul>
            </div>
        </div>

        <div class="container">
            <div class="subfield left">
                <h2 class="left">新闻速递</h2>
                <ul>
                    {% for news in newslist %}
                    <li>
                        <a href="/news/{{news.id}}" title="{{news.title}}">{{ news.title|ellipsis:"(10, '...')" }}</a>
                        <span>{{ news.created|friendly_date }}</span>
                    </li>
                    {% endfor %}
                </ul>
            </div>
            <div class="subfield right">
                <h2 class="right">媒体聚焦</h2>
                <ul>
                    {% for medium in media %}
                    <li>
                        <a href="/news/{{ medium.id }}" title="{{ medium.title }}">{{ medium.title|ellipsis:"(10, '...')" }}</a>
                        <span>{{ news.created|friendly_date }}</span>
                    </li>
                    {% endfor %}
                </ul>
            </div>
        </div>

        <div class="container">
            <div class="subfield left">
                <h2 class="left">讲座预告</h2>
                <li>
                    <a href="#" title="【小编推荐】你唯一能把握的是变成最好的自己">【小编推荐】你唯一能把握的是变成最好的自己</a>
                    <span>7天前</span>
                </li>
            </div>
            <div class="subfield right">
                <h2 class="right">活动预告</h2>
                <li>
                    <a href="#" title="【小编推荐】你唯一能把握的是变成最好的自己">【小编推荐】你唯一能把握的是变成最好的自己</a>
                    <span>7天前</span>
                </li>
            </div>
        </div>

        <div class="container">
            <div class="magazine">
                <h2 class="left">合作杂志</h2>
                <div class="container">
                    <a href="/szuyouth/pdf" title="深青杂志在线版">
                        <img src="/static/images/new_index/suy.png">
                    </a>
                    <div class="introduction">
                        <h3>深大青年杂志社</h3>
                        <p>在这里，你可以了解荔园的资讯，<br />在这里，你可以知晓明星师生背后的点点滴滴，<br />在这里，你可以分享自己对热点动态的独特视角，<br />在这里，你可以品读文学，阐释经典，解读行走，<br />在这里，读懂深大。</p>
                    </div>
                </div>
                <div class="magazine-line"></div>
                <div class="container">
                    <a href="/magazine/ltsshekan" title="浪淘沙文学社">
                        <img src="/static/images/new_index/lts.png">
                    </a>
                    <div class="introduction">
                        <h3>浪淘沙文学社</h3>
                        <p style=text-indent:2em>假如现实世界残酷分崩离析，至少还有文字可以温暖彼此。</p>
                    </div>
                </div>
            </div>

            <div class="railway">
                <h2 class="right">订票系统</h2>
                <a href="http://192.168.2.113/"><img src="/static/images/new_index/railway.jpg" title="火车票订票系统" width="225px" height="100px"></a>
                <h3>回家•路</h3>
                <div class="railway-blue"></div>
            </div>
        </div>
    </div>
    
{% endblock %}